// 定义内边距的大小和对应的类名
$padding-sizes: (
  "0": 0rpx,
	"xs": 10rpx,
	"sm": 20rpx,
	"md": 30rpx,
	"lg": 40rpx,
	"xl": 50rpx
);

.padding{
  padding:30rpx;
}
// 生成通用内边距样式
@each $size, $value in $padding-sizes {
	.padding-#{$size} {
		padding: $value;
	}
}

// 生成单边内边距样式
@each $position in top, right, bottom, left {
	@each $size, $value in $padding-sizes {
		.padding-#{$position}-#{$size} {
			padding-#{$position}: $value;
		}
	}
}

// 生成左右两边内边距样式
@each $size, $value in $padding-sizes {
	.padding-lr-#{$size} {
		padding-left: $value;
		padding-right: $value;
	}
}

// 生成上下两边内边距样式
@each $size, $value in $padding-sizes {
	.padding-tb-#{$size} {
		padding-top: $value;
		padding-bottom: $value;
	}
}